<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>5.img标签.html</title>
</head>
<body>

    <!---需求 1：使用 img 标签显示一张美女的照片。并修改宽高，和边框属性
        img 标签是图片标签，用来显示图片
            src 属性可以设置图片的路径
            width属性设置图片的宽度
            height水星设置图片的宽度
            border属性设置图片边框大小
            alt属性设置当指定路径找不到图片时,用来代替显示的文本内容

        在web中路径分为相对路径和绝对路径两种
            相对路径：
                . 当前文件所在的目录
                .. 当前文件所在的上一级目录
                文件名  当前文件所在目录的文件
            绝对路径
                格式： http://ip:port/工程名/资源路径
     -->
    <img src="../imgs/19.jpg" width="200px" height="300px" border="1px" />
    <img src="../imgs/218.jpg" width="200px" height="300px" alt="图片未找到" />
    <img src="../imgs/17.jpg" width="200px" height="300px" />
    <img src="../imgs/16.jpg" width="200px" height="300px" />
</body>
</html>